<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>郑州神灯广告伞</title>
    <meta name="keywords" content="灯饰，家具">
    <meta name="author" content="yuejingge">
    <meta name="description" content="郑州神灯广告伞热销中">
    <link rel="icon" href="images/1.ico">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!--1.页面头部-->
    <header>
        <div>
            <img src="images/logo.jpg" alt="郑州神灯广告伞">
            <img src="images/tel.jpg" alt="郑州神灯广告伞" id="tel">
        </div>
    </header>
    <!--2.导航条-->
    <nav>
        <ul>
            <li><a href="#">折叠伞</a></li>
            <li><a href="#">折叠伞</a></li>
            <li><a href="#">折叠伞</a></li>
            <li><a href="#">折叠伞</a></li>
            <li><a href="#">折叠伞</a></li>
            <li><a href="#">折叠伞</a></li>
            <li><a href="#">折叠伞</a></li>
            <li><a href="#">折叠伞</a></li>
            <li><a href="#">折叠伞</a></li>
            <li><a href="#">折叠伞</a></li>
            <li><a href="#">折叠伞</a></li>
        </ul>
    </nav>
    <!--3.广告图-->
    <div class="banner">
        <img src="images/banner1.jpg" alt="横幅图">
    </div>
    <!--4.主要内容-->
    <main>
        <!--让main里面的东西定宽居中-->
        <div class="container">
            <!--4.1上半部分-->
            <div class="main_top">
                <!--4.1.1左边侧边栏-->
                <div class="left_nav">
                    <!--产品类别-->
                    <div class="pro_list">
                        <img src="images/logo2.jpg" alt="郑州神灯广告伞">
                        <ul>
                            <li>产品分类</li>
                            <li><a href="#">折叠伞</a></li>
                            <li><a href="#">高尔夫伞</a></li>
                            <li><a href="#">自动伞</a></li>
                            <li><a href="#">直杆伞</a></li>
                            <li><a href="#">户外太阳伞</a></li>
                            <li><a href="#">户外帐篷</a></li>
                        </ul>
                    </div>
                    <!--联系我们-->
                    <div class="contact">
                        <div class="header_bg">联系我们</div>
                        <img src="images/lx.jpg" alt="联系我们">
                        <address>
                            郑州神灯广告伞<br>
                            电话：0324-21224121<br>
                            传真：0923-34243532 <br>
                            手机：2988937584 <br>
                            地址：经三路商英街 <br>
                            网址：www.duyfsa.com <br>
                        </address>
                    </div>
                </div>
                <!--4.1.2推荐产品-->
                <div class="right_pro">
                    <div class="header_bg">推荐产品<span class="more">mode...</span></div>
                    <div class="pro_pic">
                        <figure>
                            <a href="">
                                <img src="images/pic.jpg" alt=""></img>
                                <figcaption>Y92新都会</figcaption>
                            </a>
                         </figure>
                        <figure>
                            <a href="">
                                <img src="images/pic.jpg" alt=""></img>
                                <figcaption>Y92新都会</figcaption>
                            </a>
                         </figure>
                         <figure>
                            <a href="">
                                <img src="images/pic.jpg" alt=""></img>
                                <figcaption>Y92新都会</figcaption>
                            </a>
                         </figure>
                         <figure>
                            <a href="">
                                <img src="images/pic.jpg" alt=""></img>
                                <figcaption>Y92新都会</figcaption>
                            </a>
                         </figure>
                         <figure>
                            <a href="">
                                <img src="images/pic.jpg" alt=""></img>
                                <figcaption>Y92新都会</figcaption>
                            </a>
                         </figure>
                         <figure>
                            <a href="">
                                <img src="images/pic.jpg" alt=""></img>
                                <figcaption>Y92新都会</figcaption>
                            </a>
                         </figure>
                    </div>
                </div>
                <!--内墙法 清除浮动-->
                <div class="clear"></div> 
            </div> 
            
            <!--4.2下半部分-->
            <div class="main_bottom">
                <!--公司简介-->
                <div class="left_company">
                    <div class="header_bg">
                        公司简介<span class="more">more...</span>
                    </div>
                    <img src="images/gs.jpg" alt="">
                    <p>
                         作为一个“创二代”，她身上却没有与联想集团有关的任何标签。而且勤奋如柳青，她还是一个妥妥的学霸+工作狂。
                        提起她，人们会想到很多称呼：柳传志之女，滴滴出行总裁，曾经最年轻的高盛亚洲区总经理，三个孩子的妈妈……
                        但作为一个“创二代”，她身上却没有与联想集团有关的任何标签。而且勤奋如柳青，她还是一个妥妥的学霸+工作狂
                        ，甚至有人称她为一个“没有失败过的人”。
                        曾有人打趣地说：“只要柳青愿意，拥有鹅蛋脸、大眼睛高颜值的柳青完全可以像陈欧那样，拍广告为自己公司代言。”——又是一个明明可以靠颜值，却偏偏要拼才华的人。
                    </p> 
                </div>
                <!--新闻部分-->
                <div class="right_news">
                    <div class="header_bg">
                        新闻列表<span class="more">more...</span>
                    </div>
                    <ul>
                        <li><a href="#">热烈祝贺郑州神灯上线</a><span>2016-5-03</span></li>
                        <li><a href='#'>热烈祝贺郑州神灯上线</a><span>2016-5-03</span></li>
                        <li><a href='#'>热烈祝贺郑州神灯上线</a><span>2016-5-03</span></li>
                        <li><a href='#'>热烈祝贺郑州神灯上线</a><span>2016-5-03</span></li>
                        <li><a href='#'>热烈祝贺郑州神灯上线</a><span>2016-5-03</span></li>
                        <li><a href='#'>热烈祝贺郑州神灯上线</a><span>2016-5-03</span></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </main>
    <!--5.友情链接-->
    <div class="friend_link">
        <a>友情链接</a>
        <a href="#">郑州广告伞</a>
        <a href="#">郑州广告伞</a>
        <a href="#">郑州广告伞</a>
    </div>
    <!--6.页脚区域-->
    <footer>
        <div class="foot">
            <p>版权所有：郑州广告扫伞有限公司&#x3000;&#x3000;&#x3000;&#x3000;技术支持：郑州新世纪</p>
            <p>电话：0324-21224121 &#x3000;&#x3000;&#x3000;&#x3000; 传真：0923-34243532&#x3000;&#x3000;&#x3000;&#x3000;联系人：赵经理</p>
            <p>地址:河南省郑州市金水区北三环</p>
        </div>
    </footer>
</body>
</html>